<div id="secciones-left" style="width: 685px;"  align="center">
    <?php if(isset($_GET['id'])){ ?>
        <img src="" style="float: left;" />
    <?php }else{ ?>
    <img src="images/<?php if($menu=='index'){  $menu='local'; } echo $menu; ?>-cinto.png" style="float: left;" />
    <?php } ?>
    <a href="noticia.php?id=<?php echo $ultima['id']; ?>"><img src="../newsimages/<?php echo $ultima['image']; ?>" style="max-width: 400px; max-height: 250px;"/></a>
</div>
<?php if(isset($galleryy)){
		if($galleryy!="error"){	 
			$contador=0;
	$rowpicss11 = mysql_fetch_array($galleryy);
    	         for ($mnj11=1;$mnj11<21; $mnj11++){//for
							       if($rowpicss11["image".$mnj11]=="")
							   				{
											}else{ $contador=1;  
					            					} //else
			                                   	}//for
   ?>
   
   <?php if($contador!=0){ ?>			
<div id="newsgallery">

    <ul id="itemContainergallery">
<?php
		$rowpicss = mysql_fetch_array($galleryy2);
    	for ($mnj1=1;$mnj1<21; $mnj1++){//for
    		if($rowpicss["image".$mnj1]=="")
    		{
    		}else{  //else
?> 					<li>
    				<a href="../gallery/<?=$rowpicss["image".$mnj1]?>" rel="lightbox"><img src="../gallery/<?=$rowpicss["image".$mnj1]?>" height="100" width="150"></img></a>
    				</li>
<?php
    		} //else
    	}//for
?>                  
	</ul>
    <div class="holdergallery"></div>


</div>


<?php } } }?>
<div id="secciones-center" style="left: 80px; top: 240px;margin-left: 78px;text-align: justify;">
    <p><h2><a href="noticia.php?id=<?php echo  $ultima['id']; ?>"><?php echo $ultima['titulo']; ?></a></h2></p>
    <?php if(isset($_GET['id'])){
        echo $ultima['news'];
        ?>
       
<div class="moduleBody">
                  	<span class="hrefClone" onClick="#"><a href="https://twitter.com/share" class="twitter-share-button" data-via="Infomedia_Mx" data-lang="no" data-count="none" data-url="<?php echo $url_acortada;?>" <?php if($cat5=="Local"){echo 'data-hashtags="Campeche"';} if($tw1=="ele"){echo 'data-hashtags="London2012"';}?> >Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></span><br />



<!-- INSTAGRAM -->

<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-v-24 { width: 137px; height: 24px; background: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-v-24 { background-image: url(//badges.instagram.com/static/images/ig-badge-view-sprite-24@2x.png); background-size: 160px 178px; } }</style>
<a  target="_blank" href="http://instagram.com/infomedia_mx?ref=badge" class="ig-b- ig-b-v-24"><img src="//badges.instagram.com/static/images/ig-badge-view-24.png" alt="Instagram" /></a>
<br />





<span class="hrefClone" onClick="#"><script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-send="true" data-width="450" data-show-faces="false" data-font="arial"></div></span><br />
<br />


                     		</div> 
    <?php
    }else{
        echo strip_tags(substr(utf8_decode($ultima['news']),0,strrpos(substr(utf8_decode($ultima['news']),0,750)," ")))."...";
    } ?>
</div>
<div id="secciones-right" style="position: absolute; left: 685px; top: 40px;">
    <!-- newsticker -->
    <div id="newsticker-demo" style="width: 265px; color: white; height: 300px;" align="left">
        <div class="newsticker-jcarousellite-up" style="margin-left: 5px;">
            <ul>
                <?php while($news = mysql_fetch_array($lastnews)){?>
                    <li id="li" style="padding-top: 0px; padding-bottom: 15px;">
                        <div class="info" style="height: 50px">
                            <div style="display: block; botom: 0px; margin-left: 10px; margin-right: 10px; width: 250px; ">
                                <font size=3><div style="color: #64A13C;"><?php 
                                 $tituloshort=substr($news['titulo'],0,60);
                                 $tituloshort=$tituloshort."...";
                                echo $tituloshort;                                 
                                ?></div></font>      
                                 
												<div class="infoCarrucel1">												
												<?php
												echo 'Categoria: '.$news['descripcion'];
                                                ?>
												</div>  
												
												<div class="infoCarrucel2">												
												<?php
												echo $news['time'];
                                                ?>
												</div>                            
                                
                            </div>
                        </div>
                        <div class="mas"><a href="noticia.php?id=<?php echo $news['id']; ?>"><img src="images/ver-mas.png"/></a></div>
                        <div class="clear"></div>
                    </li>
                <?php } ?>
                </ul>
            </div>
        </div>
        <!-- newsticker -->
</div>
<style>
#newsgallery{
margin-top:10px;
}
#newsgallery ul{
margin: 0;
padding: 0px;
margin-left: 26px;
width:664px;
}

#newsgallery li{
display: inline-block;
margin-right: 10px;
}

         .holdergallery {
          margin-left: 26px !important;
background-color: #464747;
width: 645px;}
          .holdergallery a {
            display: inline-block;
            cursor: pointer;
            margin: 0 5px;
            padding: 4px;
            border-radius: 50%;
			background-image:url(images/boton.png);
			width: 11px;
			height: 13px;
          }
          .holdergallery a:hover {
            display: inline-block;
            cursor: pointer;
            margin: 0 5px;
            padding: 4px;
            border-radius: 50%;
			background-image:url(images/boton-green.png);
			width: 11px;
			height: 13px;
          }
          .holdergallery a.jp-previous { margin-right: 15px; }
          .holdergallery a.jp-next { margin-left: 15px; }
          .holdergallery a.jp-current, a.jp-current:hover {
            display: inline-block;
            cursor: pointer;
            margin: 0 5px;
            padding: 4px;
            border-radius: 50%;
			background-image:url(images/boton-green.png);
			width: 11px;
			height: 13px;
          }
          .holdergallery a.jp-disabled, a.jp-disabled:hover {
            color: #eee;
          }
          .holdergallery a.jp-current, a.jp-current:hover,
          .holdergallery a.jp-disabled, a.jp-disabled:hover {
            display: inline-block;
            cursor: pointer;
            margin: 0 5px;
            padding: 4px;
            border-radius: 50%;
			background-image:url(images/boton-green.png);
			width: 11px;
			height: 13px;
          }
          .holdergallery span { margin: 0 5px; }
    
</style>